@charset "utf-8";
/* CSS Document */
html, body { margin: 0; padding: 0; text-align: center; height: 1324px; background:url(../templates/images/waibeijin.jpg) no-repeat top center; font:12px "宋体"}
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }
dl, dt, dd, ul, li { margin: 0; padding: 0; }
ul { list-style-type: none; list-style-image: none; list-style-position: outside; margin:0px;padding:0px;}
img{ border:none;}
a { overflow: hidden;  text-decoration:none;}
.clear { margin: 0pt; padding: 0pt; clear: both; }
.clear hr { margin: 0pt; padding: 0pt; display: none; }

#wrapper{ margin: 0pt auto; text-align: left; width: 1003px; height: 100%; position: relative; min-height: 100%; }

#header { padding: 0;}
#content{ padding: 0; }
#footer{ clear: both; padding:0 50px 10px; font-family:Verdana; color:rgb(168,128,85);}

#headertop{ clear: both; padding:10px 50px 0;}
#logo{ float:left; width:210px; height:64px;}
#logo a{ width:210px; height:64px; background:url(../templates/images/logo.png) no-repeat center center; text-indent: -9999px; display: block;}
#landing{ float:right; font: bold 12px/24px "宋体"; color:rgb(231,70,140); margin-top:40px; padding-right:14px;}
#landing a{ color:rgb(231,70,140);}

#headernav{margin:61px 0px 0px 50px;width:900px; height:37px;}
#headernav ul{}
#headernav ul li{float:left;}
#banner{margin:0px 0px 0px 50px;width:892px;}
#wrapper #trend_contain{margin-top:0px;margin-left:47px;width:954px;background:url(../templates/images/koeltrends22_03.jpg) no-repeat top;height:902px;}
#trend_contain .title{padding-left:29px;padding-top:10px;padding-bottom:10px;}
#trend_contain .left_ad{margin-left:29px !important;*margin-left:14px;background-color:#F698A8;width:578px;height:368px;float:left;}
#trend_contain .news_right{float:left;width:230px;margin-left:36px;}
#trend_contain .news_right .have_pic_con{margin-bottom:55px;}
#trend_contain .news_right div{padding-top:10px;}

#trend_contain .news_right div p{float:left;padding-left:10px;width:107px;}
#trend_contain .news_right div p strong{color:red;}
#trend_contain .news_right div img{float:left;}
#trend_contain .news_right ul li{height:30px;}
#trend_contain .news_right ul li a{color:#3E3E3E;}
#trend_contain .news_right ul li a:hover{color:red;text-decoration:underline; }
#trend_contain .middle_top{float:left;margin-left:29px;margin-top:45px;margin-right:5px;border:3px solid #F698A8;}
#trend_contain .middle_right{float:left;margin-top:45px;margin-left:10px;}
#trend_contain .middle_bottom{margin-left:29px;margin-top:60px;}
/*#trend_contain .left_ad .left_in{padding-top:3px;padding-left:5px;}*/
#footer{margin-top:10px;}
#footer span.left{ float:left; font: 14px/24px "宋体";}
#footer span.left a{ color:rgb(168,128,85);}
#footer span.right{ float:right; font:bold 12px/24px Arial;}

/*详细信息*/

#wrapper #trend_daili{position:absolute;margin-top:0px;margin-left:47px;width:954px;background:url(../templates/images/ooopp_03.jpg) no-repeat top;height:752px;z-index:1;}
#wrapper #trend_daili .daili_title{text-align:center;color:#F3798D;font-size:15px;padding-top:90px;padding-bottom:20px;font-weight:bold;}
#wrapper #trend_daili .daili_content{position:absolute;width:800px;margin-left:29px;font-size:12px;heigth:500px; overflow:hidden;}
#wrapper #trend_daili .daili_content .img_content{float:left;padding-right:15px;padding-bottom:20px;}
#wrapper #trend_daili .daili_btn{position:absolute;left:600px;top:630px;}
#wrapper #trend_daili .joinsport{width:890px;height:753px;filter:alpha(opacity=80);-moz-opacity:0.80;position:absolute;z-index:2;background-color:#B4B4B4;top:0px;left:3px;}
#wrapper #trend_daili .jointable{font-size:14px;font-weight:bold;width:779px;height:463px;position:absolute;z-index:3;background:url(../templates/images/332_03.jpg) no-repeat top;left:60px;}
#wrapper #trend_daili .jointable .close_btn{text-align:right;width:769px;padding-top:10px; cursor:pointer;}
#wrapper #trend_daili .jointable span{display:block;height:33px;}
#wrapper #trend_daili .show_form{padding-left:180px;padding-top:100px;}
#wrapper #trend_daili .jointable .span1{float:left;text-align:right;width:100px;}
#wrapper #trend_daili .jointable .submit_btn{padding-left:300px;padding-top:30px;}
#wrapper #trend_daili .jointable .submit_btn .sub_btn{background:url(../templates/images/vv3_03.jpg) no-repeat top;border:none;width:99px;height:81px;}


#headernav{margin:0px 0px 0px -1px;width:1000px; height:65px;background:url(../templates/images/navw.png) no-repeat left top;}
#headernav ul{padding-left:50px;height:100px;}
#headernav ul li{ float:left; height:65px;}
#headernav ul li a{ display:block; float:left; height:69px; background:url(../templates/images/head_word.png) no-repeat 0px top;}
#headernav ul .l1 a{ width:135px; margin-left:30px; background-position:-50px top}
#headernav ul .l2 a{ width:146px; margin-left:30px; background-position:-200px top}
#headernav ul .l3 a{ width:141px; margin-left:25px; background-position:-365px top}
#headernav ul .l4 a{ width:135px; margin-left:25px; background-position:-540px top}
#headernav ul .l5 a{ width:134px; margin-left:25px; background-position:-700px top}

#headernav ul li a:hover, #headernav ul li .cur{ display:block; float:left; height:60px; background:url(../templates/images/top.png) no-repeat 0px top; }
#headernav ul .l1 a:hover, #headernav ul .l1 .cur{ width:135px; margin-left:30px;height:60px; background-position:-30px top}
#headernav ul .l2 a:hover, #headernav ul .l2 .cur{ width:146px; margin-left:30px; height:60px;background-position:-195px top}
#headernav ul .l3 a:hover, #headernav ul .l3 .cur{ width:141px; margin-left:25px;height:60px; background-position:-350px top}
#headernav ul .l4 a:hover, #headernav ul .l4 .cur{ width:135px; margin-left:25px;height:60px;background-position:-535px top}
#headernav ul .l5 a:hover, #headernav ul .l5 .cur{ width:134px; margin-left:25px;height:60px; background-position:-700px top}

